<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" type="text/css" th:href="@{/css/style.css}" />

</head>

<body>
	
	<div style="text-align: center;" ><h1 style="display: inline;">您好！ 欢迎光临</h1><h1 style="display: inline;">李四</h1></div>
	
	<p style=" clear: both;width: 100%;" ></p>
	
	
	
	
<!--
	作者：544773607@qq.com
	时间：2021-07-30
	描述：搜索框
-->

        <div class="search">
            <input type="text" placeholder="请输入..." name="" id="" value="" />
            <button><i>搜索</i></button>
        </div>




<!--
	作者：544773607@qq.com
	时间：2021-07-30
	描述：轮播图
-->
<div style="width: 800px;height: 500px;border-radius: 1px; margin: 0 200px;">
<!-- 	<tr th:each="lists:${brandList}">
		<td th:text="${lists.id}"></td>
		<td th:text="${lists.name}"></td>
		<ul th:each="list,hashMap:${hashMap1}">
			<li th:each="value:${hashMap.current.value}" th:if="${value.ParentId}==${lists.id}"><span  th:text="${value.name}"></span>	
					<ul th:each="list,hashMap2:${hashMap2}">
			            <li th:each="value2:${hashMap2.current.value}"  th:text="${value2}" th:if="${value2.ParentId}==${value.id}" ></li>
			     	</ul>	
				</li>	
		</ul>
	</tr>
 -->

<div class="header">

	<div class="menu-bar">
		<div class="view">
			<div class="category">
				<h2>商品分类</h2>
				<ul class="category-option" >
					<li class="cat-item top-cat" th:each="lists:${brandList}"  >
						<div class="sub-cat clearfix">
							<div class="sub-cat-links Left">
								<ul class="sub-group clearfix"  >
								<span  th:each="list,hashMap:${hashMap1}">
								     <span th:each="value:${hashMap.current.value}" th:if="${value.ParentId}==${lists.id}">
									<li class="Left sub-title">
										<a href="#"   th:text="${value.name}"  style="display: block;"><i class="i-t"></i></a>                          
									</li>
									<li class="Left sub-content">
									<span th:each="list,hashMap2:${hashMap2}">
										<a href="#" th:each="value2:${hashMap2.current.value}"  th:text="${value2.name}" th:if="${value2.ParentId}==${value.id}"  >100ml</a>
									</span>
									</li>
									</span>
									</span>
								</ul>
							</div>
						</div>
						<i class="icon i0"></i>

						<a class="txt" href="#" th:text="${lists.name}" >快活林</a>
					</li>

	
				</ul>

			</div>
			<ul class="navigator">
				<li class="current">
					<a href="#">首页</a>
				</li>
				<li>
					<a href="#">促销商品</a>
				</li>
				<li>
					<a href="#">打折商品</a>
				</li>
				<li>
					<a href="#">降价商品</a>
				</li>
			</ul>
		</div>
	</div>
</div>
<!--轮播-->
<div class="scroll-banner" style="background-color: rgb(241,243,240);">
	<ul class="scroll-content">
		<li class="scroll-item" style="background-color: rgb(241,243,240);display: block;">
			<div class="scroll-index">
				<a href="#">
					<img class="sc-big fadeInR" src="img/kuaihuoling1.jpg">
				</a>
			</div>
		</li>
		<li class="scroll-item" style="background:#eef3f5">
			<div class="scroll-index">
				<a href="#">
					<img class="sc-big fadeInR" src="img/baisuishan1.jpg">
				</a>
									
			</div>
		</li>
		<li class="scroll-item" style="background-color: rgb(241,243,240);">
			<div class="scroll-index">
				<a href="#">
					<img class="sc-big fadeInR" src="img/yibao.jpg">
				</a>
									
			</div>
		</li>
		<li class="scroll-item" style="background:#e8eaea">
			<div class="scroll-index">
				<a href="#">
					<img class="sc-big fadeInR" src="img/feiji3.jpg">
				</a>
						
			</div>
		</li>
		<li class="scroll-item" style="background-color: rgb(241,243,240);">
			<div class="scroll-index">
				<a href="#">
					<img class="sc-big fadeInR" src="img/bingchuan1.jpg">
				</a>
								
			</div>
		</li>
		<li class="scroll-item" style="background-color: rgb(241,243,240);">
			<div class="scroll-index">
				<a href="#">
					<img class="sc-big fadeInR" src="img/youkuang1.jpg">
				</a>
								
			</div>
		</li>
		<li class="scroll-item" style="background-color: rgb(241,243,240);">
			<div class="scroll-index">
				<a href="#">
					<img class="sc-big fadeInR" src="img/zuolan1.jpg">
				</a>
									
			</div>
		</li>
		<li class="scroll-item" style="background-color: rgb(241,243,240);">
			<div class="scroll-index">
				<a href="#">
					<img class="sc-big fadeInR" src="img/yiyun.jpg">
				</a>
				 					
			</div>
		</li>
	</ul>
	<div class="scroll-btn">
		<span class="current"></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
	</div>
</div>
<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.3.js" ></script>
<script type="text/javascript">
	//左侧分类导航
	$('.category-option .cat-item').hover(function(){$(this).toggleClass('hover')})
	//图片轮播
	jQuery(".scroll-banner").slide({mainCell:".scroll-content",titCell:".scroll-btn span",titOnClassName:"current",effect:"fold",autoPlay:true,delayTime:1000,interTime:3500});
</script>
</div>
<!--
	描述：
-->
<p style="clear: both;"></p>

<div style="width: 80%;margin-left: 10%;margin-top:80px;background: white;height: 50px;">
	<font style="color: red;position: absolute;margin:5px 50px;"><h2>猜你喜欢</h2></font>
</div>
	   <div class="goods_list">
	   	 <ul th:each="findAll:${findAlls}" >
	   	 	<li>
	   	 		<div class="">
	   	 			<ul>
	   	 			<span th:each="findAllimage:${findAllimage}">
	   	 				<img th:src="${findAllimage.image}" th:if="${findAllimage.id}==${findAll.imgid}" />
	   	 				</span>
	   	 				<li><a th:text="${findAll.name}">农夫山泉矿泉水最新版</a></li>
	   	 				<li><a>加入购物车</a>  <a>收藏</a></li>
	   	 				<li><span>价格￥</span><a th:text="${findAll.price}" >100</a></li>
	   	 			</ul>
	   	 		</div>
	   	 	</li>
	   	 </ul>
	   </div>	

<p style="clear: both;"></p>
<!-- 分页 -->
<div class="page" style="margin-left: 10%">
	<span class="pagg">
		<a th:href="'/index?pageNum=0'" >首页</a>
        <a style=""><b th:text="'共 '+ ${findAlls.pages}+ ' 页'">共  页</b></a>

            <a th:href="'/index?pageNum=' + ${findpage.nextPage}" ><b  th:text="前一页">前一页</b></a>
      
          <!-- 中间页 -->
          <span th:each="pageNum:${#numbers.sequence(1, findpage.pages)}">
            <b style=""><a th:href="'/index?pageNum=' + ${pageNum}" th:text="${pageNum}" th:if="${pageNum ne findpage.pageNum}">1</a></b>
            <b style=""><a th:href="'/index?pageNum=' + ${pageNum}" th:text="${pageNum}" th:if="${pageNum eq findpage.pageNum}" >2</a></b>
          </span>

	<a th:href="'/index?pageNum='+${findpage.nextPage}" ><b  th:text="下一页">后一页</b></a>
	<a th:href="'/index?pageNum='+${findpage.pages}"><b >尾页</b></a>

	</span>
</div>
<br><br><br><br><br><br><br>
	<!--     
     <a> <b  th:text="'当前页'+${findpage.pageNum}">当前页 </b> </a>  
      <a><b  th:text="'每页总数'+${findpage.pageSize}"> 每页总数 </b></a>
      <a><b  th:text="'当前页数量'+${findpage.size}">当前页数量  </b>  </a> 
      <a><b  th:text="'总记录数'+${findpage.total}">总记录数</b>  </a>    
      <a><b th:text="'总页数'+${findpage.pages}">总页数</b>   </a>
      <a><b th:text="'前一页'+${findpage.prePage}">前一页</b> </a>
      <a><b th:text="'下一页'+${findpage.nextPage}">下一页</b></a>

  <button style="width:100px;height: 50px;background-color:rgb(48,49,48);margin-left: 70%;cursor: pointer;margin-bottom: 200px;" type="submit" action="@{}">nextPage</button>

 <a th:href="@{'list?pageNum=' + ${findAlls.nextPage}}" th:if="${findAlls.hasNextPage} == true">下一页</a>
     
     
     
     <a th:href="@{'index?pageNum='+ ${findAlls.pages}}" >尾页</a>
      -->


</body>
</html>